/*
  文字灰色: #a9a9a9;
  背景灰色：#f3f3f3;
  文字蓝色：#576b95;
  文字淡蓝：#007aff;
*/
body{background-color: #f3f3f3;}
.title{width:100%; height: 45px; background: #2d2c32; padding:0px; margin:0px;  position: absolute; color: #fff; z-index: 100;}
.title .back{width:20%; height: 45px; line-height: 45px; padding-left:15px; float:left;}
.title .back:hover{color: #A9A9A9;}
.title .tool:hover{color: #A9A9A9;}
.title .name{width:60%; height: 45px; line-height: 45px; text-align:center; float:left;}
.title .tool{width:20%; height: 45px; line-height: 45px; text-align:right; padding-right: 15px; float:right;}
.title .tool font{font-size:28px;}
.title .category{position: absolute; width:30px; height: 30px; right: 35px; top: 15px;}
.content{width:100%; float: left; margin-top: 195px; margin-bottom: 45px; overflow-y: auto;}
.footer{width:100%; height:50px; position: fixed; bottom:0px; padding:0px; background-color: #ffffff !important;}
.footer ul{width:100%; padding:0px; height: 50px; margin: 0px;}
.footer ul li{width:20%; height: 50px; padding-top:4px; float: left; font-size: 11px; list-style-type:none; text-align: center; position: relative;}
.footer ul li .icon{width:40px; height:27px; margin:0 auto;}
.footer ul li .icon img{width:27px; height: 27px;}
.footer ul li .name{width:40px; margin:0 auto; text-align: center; color:#a9a9a9;}
.footer ul li span{min-width:20px; padding-left:2px; padding-right: 2px; height:20px; background: #eb5342; border-radius:10px; position: absolute; right: 8px; top:2px; color:#fff; text-align: center; line-height: 20px; font-size: 12px;}
.footer ul li .fcircle{width:10px;height:10px;background: #eb5342; border-radius:10px; position: absolute; right: 16px; top:5px;}
.loading,#loading10,#loading12,#loading13,#loading14{width:100%; height:70px; color:#a9a9a9; text-align:center; padding-top:7px; float:left; font-size:14px;}
.loading img,#loading10 img,#loading12 img,#loading13 img,#loading14 img{width:50px;}
.reflash,.reflash10{width:100%; height: 30px; margin-top:-10px; color:#a9a9a9; text-align:center; float:left; font-size:14px; }
#reflash10{width:100%; height: 30px; margin-top:40px; color:#a9a9a9; text-align:center; float:left; font-size:14px;}
.hidden{display:none;}
.nodata{width:100%; float: left; text-align: center; padding:10px; color:#a9a9a9; font-size:14px;}
.center{width:100%; text-align: center; font-size: 14px; color:#a9a9a9; padding-top:10px;}
.face{width:22px; height:22px;vertical-align: top;}
a:hover{color:red;}
ul{margin: 0px;padding:0px;}
ul li{list-style-type:none; padding:0px; margin:0px;}
.meng{background: #000000; opacity:0; transition: all .3s; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s; } 
.horizen{width:100%; height: 1px; font-size: 0px; float: left; top:89px; position: fixed; z-index: 99;}
.webview{position: absolute; left:100%; transition: all .3s; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s; }
#pos_map{width:1px; height:1px; position: absolute; left:-100px; top:-100px;}
/*回复框*/
.divmsg .mtool{width:100%; height:40px; margin-top: 10px; float:right;}
.divmsg .mtool button{width:40px; height:30px; line-height:18px; float:right; font-size:14px; text-align: center; padding:0px;}
.divmsg .mtool .mbutton{width:29%; float:right; text-align: right;}
.divmsg .comment{width:71%; float: left; font-size:12px; padding-left:5px;} 
.divmsg .comment .score{width:auto; float: left;}
.divmsg .comment .score div{float: left; padding-top:7px; padding-left:3px;}
.divmsg .comment .score div input{width:20px;}
.divmsg .comment .score label{float: left; padding-top:5px;}
.divmsg textarea{border:0px; padding:5px; border-radius: 0px; height:150px; margin:0px; float: left;}
.divmsg .praise{float:left; padding-top:12px; padding-left:12px; width:60px; text-align: center;}
.divmsg .praise img{height:15px;}
.divmsg .replys{float:left;  padding-top:12px;padding-left:20px;}
.divmsg .replys img{height:15px;}
.divmsg .lines{height:15px; width:20px; border-right: 1px solid #373d40; float: left; margin-top:13px;}
.divmsg .camera{padding-top:5px;}
.divmsg .sure{width:100%; padding-right: 10px; text-align: right; position: absolute; bottom:10px;}
.divmsg #sure{color:#666666;}
.divmsg #clear{color:#666666;}
.divmsg .searchline{width:100%; height:40px; float:left; padding:10px; color:#a9a9a9;}
.divmsg .searchline .names{width:24%; height:40px; float:left; color:#666666;}
.divmsg .searchline .option{width:auto; height:40px; float:left; padding-left:5px;}
.divmsg .searchline .option select{padding:0px; margin:0px; font-size:17px; color:#a9a9a9;}
.divmsg .searchline .option input{width:100px; padding:0px; border:0px; height:22px; line-height: 22px; margin:0px; color:#a9a9a9; float:left;}
.divmsg .searchline .option label{float:left; height:20px; padding:0px; margin:0px;}
.divmsg .searchtab{width:100%; height:60px; float:left; color:#a9a9a9;}
.divmsg .searchtab .tab{width:50%;height:60px; border-bottom:2px solid #e3e2e2; float:left; text-align: center; line-height: 60px; color:#666666;}
.divmsg .searchtab .select{border-bottom:2px solid #919090; border-right:1px solid #e3e2e2; background-color:#f0efef;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.right10{margin-right: 10px;}
.right5{margin-right: 5px;}
.border {background:linear-gradient(180deg, #c6c6c6, #c6c6c6 50%, transparent 50%) top	left/ 100% 1px no-repeat,	linear-gradient(90deg,#c6c6c6, #c6c6c6 50%, transparent 50%) top	right / 1px 100% no-repeat,	linear-gradient(0,	#c6c6c6, #c6c6c6 50%, transparent 50%) bottom right / 100% 1px no-repeat,	linear-gradient(-90deg, #c6c6c6, #c6c6c6 50%, transparent 50%) bottom left/ 1px 100% no-repeat;border-left:0px; border-left:0px;	}
.border-bottom {background:linear-gradient(180deg, #c6c6c6, #c6c6c6 50%, transparent 50%) top	left/ 100% 0px no-repeat,	linear-gradient(90deg,#c6c6c6, #c6c6c6 50%, transparent 50%) top	right / 0px 100% no-repeat,	linear-gradient(0,	#c6c6c6, #c6c6c6 50%, transparent 50%) bottom right / 100% 1px no-repeat,	linear-gradient(-90deg, #c6c6c6, #c6c6c6 50%, transparent 50%) bottom left/ 0px 100% no-repeat;border-left:0px; border-left:0px;	}
.border-bottom2 {background:linear-gradient(180deg, #dddedf, #dddedf 50%, transparent 50%) top	left/ 100% 0px no-repeat,	linear-gradient(90deg,#dddedf, #c6c6c6 50%, transparent 50%) top	right / 0px 100% no-repeat,	linear-gradient(0,	#dddedf, #dddedf 50%, transparent 50%) bottom right / 100% 1px no-repeat,	linear-gradient(-90deg, #dddedf, #c6c6c6 50%, transparent 50%) bottom left/ 0px 100% no-repeat;border-left:0px; border-left:0px;	}
.border-top    {background:linear-gradient(180deg, #c6c6c6, #c6c6c6 50%, transparent 50%) top	left/ 100% 1px no-repeat,	linear-gradient(90deg,#c6c6c6, #c6c6c6 50%, transparent 50%) top	right / 0px 100% no-repeat,	linear-gradient(0,	#c6c6c6, #c6c6c6 50%, transparent 50%) bottom right / 100% 0px no-repeat,	linear-gradient(-90deg, #c6c6c6, #c6c6c6 50%, transparent 50%) bottom left/ 0px 100% no-repeat;border-left:0px; border-left:0px;	}
.border-top-bottom {background:linear-gradient(180deg, #c6c6c6, #c6c6c6 50%, transparent 50%) top	left/ 100% 1px no-repeat,	linear-gradient(90deg,#c6c6c6, #c6c6c6 50%, transparent 50%) top	right / 0px 100% no-repeat,	linear-gradient(0,	#c6c6c6, #c6c6c6 50%, transparent 50%) bottom right / 100% 1px no-repeat,	linear-gradient(-90deg, #c6c6c6, #c6c6c6 50%, transparent 50%) bottom left/ 0px 100% no-repeat;border-left:0px; border-left:0px;	}

/*1px解决方案*/
.ui-border-t {border-top: 1px solid #c6c6c6; }
.ui-border-b {border-bottom: 1px solid #c6c6c6; }
.ui-border-tb {border-top: #c6c6c6 1px solid;border-bottom: #c6c6c6 1px solid;background-image: none; }
.ui-border-l {border-left: 1px solid #c6c6c6; }
.ui-border-r {border-right: 1px solid #c6c6c6; }
.ui-border {border: 1px solid #c6c6c6; }
.ui-border-radius {border: 1px solid #c6c6c6;border-radius: 4px; }
.ui-border-top-radius {border: 1px solid #c6c6c6;border-radius: 8px 8px 0px 0px; }
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.ui-border-radius,.ui-border-top-radius {position: relative;border: 0; }
.ui-border-radius:before {content: "";width: 200%;height: 200%;position: absolute;top: 0;left: 0;border: 1px solid #c6c6c6;-webkit-transform: scale(0.5);-webkit-transform-origin: 0 0;padding: 1px;-webkit-box-sizing: border-box;border-radius: 6px;pointer-events: none; }
.ui-border-top-radius:before{content: "";width: 200%;height: 200%;position: absolute;top: 0;left: 0;border: 1px solid #c6c6c6;-webkit-transform: scale(0.5);-webkit-transform-origin: 0 0;padding: 1px;-webkit-box-sizing: border-box;border-radius: 10px 10px 0px 0px;pointer-events: none; }
 
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.ui-border {position: relative;border: 0; }
.ui-border-t, .ui-border-b, .ui-border-l, .ui-border-r, .ui-border-tb {border: 0; }
.ui-border-t {background-position: left top;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #c6c6c6), to(#c6c6c6)); }
.ui-border-b {background-position: left bottom;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #c6c6c6), to(#c6c6c6)); }
.ui-border-t,.ui-border-b,.ui-border-tb {background-repeat: repeat-x;-webkit-background-size: 100% 1px; }

.ui-border-tb {background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #c6c6c6), to(#c6c6c6)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #c6c6c6), to(#c6c6c6));background-position: top, bottom; }
.ui-border-l {background-position: left top;background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #c6c6c6), to(#c6c6c6)); }
.ui-border-r {background-position: right top;background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #c6c6c6), to(#c6c6c6)); }
.ui-border-l,.ui-border-r {background-repeat: repeat-y;-webkit-background-size: 1px 100%; }
.ui-border:after {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #c6c6c6), to(#c6c6c6)), -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #c6c6c6), to(#c6c6c6)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #c6c6c6), to(#c6c6c6)), -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #c6c6c6), to(#c6c6c6));-webkit-background-size: 100% 1px,1px 100% ,100% 1px, 1px 100%;background-size: 100% 1px,1px 100% ,100% 1px, 1px 100%;background-size: 100% 1px,1px 100% ,100% 1px, 1px 100%;background-repeat: no-repeat;background-position: top, right, bottom, left;padding: 1px;-webkit-box-sizing: border-box;z-index: 10;pointer-events: none; }
}




.button{width:100%; height: 45px; border-radius: 3px; background: dodgerblue;  border:0px; color: #fff; font-size: 18px; }
/*颜色*/
.reds{color:#c40000 !important;}
.greens{color:green !important;}
.grays{color:#a9a9a9 !important;}
.blacks{color:#000000 !important;}
.blue{background-color:dodgerblue;}
.red{background-color: #f33222;}
.gray{background-color: #cbcccd;}
.lightgray{background-color: #f6f6f5;}
.lightblue{color:#007aff;}
.hui{color:#a9a9a9;}

/*登录*/
.login{width:90%; margin: 0 auto; margin-top: 15%;}
.login .loginimg{width:100%; float: left; height: 100px; text-align: center;}
.login .loginimg img{width:70px; height:70px; border-radius: 35px;}
.login .logintext{width:100%; float: left; height: 50px; padding-top:5px;}
.login .logintext .tip{width:15%; float: left; height: 40px; line-height: 40px; text-align: left;  overflow: hidden;}
.login .logintext .text{width:80%; float: left; height: 40px; overflow: hidden;}
.login .logintext .text input{border:0px; float: left; background-color: #f3f3f3;}
.login .logintext .losspwd{font-size:14px; padding-top:5px;}

/*多账号登录*/
.account{width:90%; margin: 0 auto; margin-top: 20%;}
.account .logintext{width:100%; float: left; height: 50px; padding-top:5px;}
.account .logintext .tip{width:80%; float: left; height: 40px; line-height: 40px; text-align: left;  overflow: hidden;}
.account .logintext .text{width:20%; float: right; height: 30px; padding-top:8px; text-align: right;}
.account .logintext .text img{width:22px; height: 22px;}
.account .enter{width:100%; float: left; height: 50px; padding-top:35px;}
.account .logintext font{font-size:15px; color:green;}
.account .logintext:active{background-color:#f3f3f3;}

/*注册*/
.regist{width:90%; margin: 0 auto; margin-top: 20%;}
.regist .logintext{width:100%; float: left; height: 50px; padding-top:5px;}
.regist .logintext .tip{width:25%; float: left; height: 40px; line-height: 40px; text-align: left;}
.regist .logintext .text{width:75%; float: left; height: 40px;}
.regist .logintext .text input{border:0px; float: left; background-color: #f3f3f3;}
.regist .logintext .losspwd{font-size:14px; padding-top:5px;}

/*首页*/
.sign{width:100%; height: 150px; float: left;  position: fixed; top: 45px; background-color: #ffffff;} 
.sign .sign_state{width:28%; height: 105px; float:left;}
.sign .sign_state .sign_quan{width:70px; height: 70px; padding-top:18px; float:right; color:#fff; text-align: center; line-height: 20px; font-size: 15px; margin-top:35px; margin-left: 10px; border-radius:35px; background: #507dc2;}
.sign .sign_state .sign_quan font{font-size:12px;}
.sign .sign_time{width:42%; height: 40px; float:left; margin-top: 35px;}
.sign .sign_time .time1{width:100%; height: 20px; text-align: center;}
.sign .sign_time .time2{width:100%; height: 20px; text-align: center; margin-top: 10px; font-size:14px;}
.sign .sign_checkin{width:30%; height: 80px; float:left; margin-top: 30px; position: relative; text-align: left; }
.sign .sign_checkin img{width:80px; height: 80px; position: absolute; z-index: 99;}
.sign .sign_checkin .shadow{width:80px; height: 80px; border-radius: 40px; background: #507dc2; position: absolute; left:0px; top: 0px; z-index: 1;}
.sign .sign_position{width:100%; height: 20px; margin-top: 10px; float:left; padding-left:28%; }
.sign .sign_position .pos{width:20px; height: 20px; float: left; margin-left:-44px;}
.sign .sign_position .pos img{width:20px; height: 20px;}
.sign .sign_position .address{width:85%; height: 20px; float: left; font-size: 12px; padding-top:0px; overflow: hidden; margin-left:-24px;}
.sign .sign_position .reflash{width:20px; height: 20px; float: left;}
.sign .sign_position .reflash img{width:20px; height: 20px;}
.content ul li{width:100%; height: 60px; float:left; background-color: #ffffff;}
.content ul li .line{width:97%; height: 60px; float:right; position: relative;}
.content ul li .icon{width:46px; height:46px; float: left; margin-top: 7px; position: relative;}
.content ul li .icon img{width:46px; height:46px; border-radius: 3px;}
.content ul li .icon span{min-width:20px; width:auto; height:20px; background: #eb5342; padding-left:2px; padding-right:2px; border-radius:10px; position: absolute; right: -6px; top:-6px; color:#fff; text-align: center; line-height: 20px; font-size: 12px;}
.content ul li .name{width:85%; height:30px; float: left; padding-top:8px; padding-left:10px; }
.content ul li .detail{width:85%; height:25px; float: left; font-size: 14px; color:darkgray; padding-left:10px; padding-top:3px; padding-right: 30px; overflow: hidden;}
.content ul li .date{width:40px; height: 20px; position: absolute; right: 0px; top: 10px; font-size: 12px; color:darkgray; text-align: right; padding-right: 5px;}
.content ul li:active{background-color:#eae8e7;}
@-webkit-keyframes halo { 0% { opacity: 1;-webkit-transform: scale(1); }
50% {opacity: 0; }
100%{opacity: 0;-webkit-transform: scale(3.0); } }


/*同事*/
.search{width:100%; height: 60px; float:left; position: fixed; top: 83px; background-color: #f3f3f3;}
.search .search_content{width:98%; height: 60px; margin: 0 auto;} 
.search .search_content .search_line{width:7.69%; height: 27px; float:left; padding-top: 7px;}
.search .search_content .search_line .search_square{width:20px; height: 20px; margin: 0 auto; font-size:14px; background: #ffffff; color:#C0C0C0; text-align: center; padding-top: 0px; line-height:20px; border-radius:3px;}
.search .search_content .search_line .select{border:1px solid #29abe6; background: #29abe6; color: #ffffff;}
.finds{width:100%; height: 45px; float:left; position: fixed; top: 45px; padding-left: 2%; padding-top:9px; background-color: #f3f3f3; z-index: 99;}
.finds .searchinput{width:85%;height:28px; float:left; padding:0px; margin: 0px; } 
.finds .searchinput .bordersolid{width:100%; height:28px; border:0px; padding:0px; margin: 0px;  font-size:14px; padding-left:25px;}
.finds .searchicon{width:60px; height: 20px; position: absolute; left:42%; top:13px;}
.finds .searchicons{width:60px; height: 20px; position: absolute; left:4%; top:13px; display: none;}
.finds .searchicon img{height: 12px;}
.finds .searchicons img{height: 12px;}
.finds .screen{width:13%; padding-left:1%; height:45px; float:left;}
.finds .screen button{width:100%; height:28px; line-height: 28px; padding:0px; color:#a9a9a9;}

.finds2{width:100%; height: 45px; float:left; position: fixed; top: 45px; background-color: #f3f3f3; z-index: 99;} 
.finds2 .searchinput{width:96%;height:28px; float:left; padding:0px; margin-left: 2%; margin-top:8px; } 
.finds2 .bordersolid{width:100%; height: 28px; border:0px; padding:0px; margin: 0px; float:left; padding-left:25px; font-size:14px; }
.finds2 .searchicon{width:60px; height: 20px; position: absolute; left:46%; top:4px;}
.finds2 .searchicons{width:60px; height: 20px; position: absolute; left:2%; top:4px; display: none;}
.finds2 .searchicon img{height: 12px;}
.finds2 .searchicons img{height: 12px;}
 
/*应用*/
.content .smalltitle{width:100%; height: 30px; padding-top:5px; padding-bottom: 5px; float: left; padding-left:10px; font-size:14px;  background-color: #f3f3f3;}
.content .often{width:100%; height: auto; float: left; padding-top:10px; min-height: 80px; overflow: hidden;  background-color:#fff; }
.content .often .line{width:20%; height: 80px; float: left; text-align: center; }
.content .often .line .icon{width:50px; height: 50px; margin:0 auto;}
.content .often .line .icon img{width:50px; height: 50px;  border-radius: 10px;} 
.content .often .line .name{width:100%; height: 20px; padding-top:1px; font-size: 14px; margin:0 auto;}
.content .often .line:active{opacity: 0.5;}
.content .all{width:100%; margin-bottom: 20px; float:left;}
.content .all ul li{width:100%; height: 43px;}
.content .all ul li .apply{width:100%; height: 43px;}
.content .all ul li .apply .icon{width:40px; height: 30px; float:left; padding-left:12px;}
.content .all ul li .apply .icon img{width:30px; height: 30px; float:left;  border-radius: 5px;}
.content .all ul li .apply .name{width:200px; padding-top:11px; float:left;} 
.content .all ul li .apply .arrow{width:15px; height: 15px; float:right; padding-right: 30px; margin-top: 12px; color:#007aff; text-align: right;}
.content .all ul li .apply .arrow img{width:15px; height: 15px;}
.content .all ul li .apply .arrow font{font-size:12px;}
.content .crmreport{width:100%; height:auto; float:left; background: #ececec; padding-top:10px; padding-bottom: 20px;}
.content .crmreport .monthtask{width:94%; height: 260px; float:left; margin-left:3%; background: #fff; border-radius: 5px;}
.content .crmreport .monthtask .titles{width:100%; height: 20px; margin-top:10px; float:left;}
.content .crmreport .monthtask .titles .icon{width:30px; height:30px; float:left; padding-left:10px; padding-top:1px;}
.content .crmreport .monthtask .titles .icon img{width:20px; height:20px; border-radius: 2px; }
.content .crmreport .monthtask .titles .name{width:100px; height:30px; float:left; padding-left:5px;}
.content .crmreport .monthtask .titles .set{width:50px; height:40px; float:right; font-size:14px; display:none; padding-right: 10px; margin-top:-10px; padding-top:10px;}
.content .crmreport .monthtask .titles .set img{width:15px; opacity: 0.7; float:right;}
.content .crmreport .monthtask .titles .set:active{opacity: 0.3;}
.content .crmreport .monthtask .left{width:60%; height: 200px; margin-top:10px; float:left;}
.content .crmreport .monthtask .left .line{width:30px; height: 200px; margin-top:10px; float:left; margin-left:20px; position: relative;}
.content .crmreport .monthtask .left .line .zhu{width:30px; /*height: 180px;*/ float:left; background: #ffc83b; position: absolute; bottom: 20px; min-height: 15px; line-height: 15px; font-size:10px; color:#fff; text-align: center;}
.content .crmreport .monthtask .left .line .name{width:30px; height: 20px; float:left; font-size:14px; text-align: center; color:#666666; position: absolute; bottom: 0px;}
.content .crmreport .monthtask .right{width:40%; height: 20px; margin-top:10px; float:left;}
.content .crmreport .monthtask .right .line{width:100%; height: 20px; margin-top:10px; float:left; }
.content .crmreport .monthtask .right .line .icon{width:10px; height:10px; background: #ffc83b; border-radius: 5px; float:left;}
.content .crmreport .monthtask .right .line .icon .small{width:6px; height:6px; background: #fff; border-radius: 3px; float:left; margin-left:2px; margin-top: 2px;}
.content .crmreport .monthtask .right .line .name{width:40px; height:12px; line-height: 12px; color:#a9a9a9; float:left; font-size:12px; padding:0px; padding-left:3px;}
.content .crmreport .monthtask .right .money{width:100%; height:30px; padding-left:13px; float:left;}
.content .crmreport .monthtask .right .money font{font-size:20px; padding-right: 5px; color:#000;}

.content .crmreport .monthreport{width:94%; height:300px; margin-top:10px; float:left; margin-left:3%; background: #fff; border-radius: 5px;}
.content .crmreport .monthreport .titles{width:100%; height: 30px; margin-top:10px; float:left;}
.content .crmreport .monthreport .titles .icon{width:30px; height:30px; float:left; padding-left:10px; padding-top:1px;}
.content .crmreport .monthreport .titles .icon img{width:20px; height:20px; border-radius: 2px;}
.content .crmreport .monthreport .titles .name{width:120px; height:30px; float:left; padding-left:5px;}
.content .crmreport .monthreport .list{width:50%; height:80px; float:left; padding-top:20px;}
.content .crmreport .monthreport .list:active{background-color: #eae8e7;}
.content .crmreport .monthreport .list .left{width:38%; height:80px; float:left; padding-left:15px;}
.content .crmreport .monthreport .list .left img{width:40px; height:40px;}
.content .crmreport .monthreport .list .right{width:62%; height:80px; float:left;}
.content .crmreport .monthreport .list .right .num{width:100%; height:30px; float:left; font-size:14px; padding-top:7px;}
.content .crmreport .monthreport .list .right .num font{font-size:30px; padding-right:3px;}
.content .crmreport .monthreport .list .right .name{width:100%; height:20px; float:left; font-size:12px; color:#a9a9a9;}

.content .crmreport .monthrank{width:94%; height:auto; margin-top:10px; float:left; margin-left:3%; background: #fff; border-radius: 5px; padding-bottom: 20px;}
.content .crmreport .monthrank .titles{width:100%; height: 30px; margin-top:10px; float:left;}
.content .crmreport .monthrank .titles .icon{width:30px; height:30px; float:left; padding-left:10px; padding-top:1px;}
.content .crmreport .monthrank .titles .icon img{width:20px; height:20px; border-radius: 2px;}
.content .crmreport .monthrank .titles .name{width:120px; height:30px; float:left; padding-left:5px;}
.content .crmreport .monthrank .titles .selectbar{width:82px; height:22px; float:right; border-radius: 3px; border: 1px solid #CDCDCD; margin-top:-0px; margin-right: 10px;}
.content .crmreport .monthrank .titles .selectbar .bar{width:40px; height:22px; float:left; font-size:12px; line-height: 22px; color:#a9a9a9;}
.content .crmreport .monthrank .titles .selectbar .select{width:40px; height:22px; float:left; background: #c8c8c7; color:#fff;}
.content .crmreport .monthrank .titles .calendar{width:35px; height:25px; float: right; margin-top:-1px;}
.content .crmreport .monthrank .titles .calendar img{width:22px; height:22px;}
.content .crmreport .monthrank .personrank{width:94%; height:100px; margin:0 auto; margin-top:110px;}
.content .crmreport .monthrank .personrank .num1{width:100px; height:40px; margin: 0 auto; position: relative; background: #f5f4f4; text-align: center; padding-top:10px; color:#fdad0d;}
.content .crmreport .monthrank .personrank .num{width:300px; height:40px; margin: 0 auto;}
.content .crmreport .monthrank .personrank .num2{width:100px; height:50px; background: #f5f4f4; position: relative; float:left; text-align: center; padding-top:10px; color:#b8afa8;}
.content .crmreport .monthrank .personrank .nums{width:100px; height:50px; background: #f5f4f4; float:left;}
.content .crmreport .monthrank .personrank .num3{width:100px; height:35px; background: #f5f4f4; position: relative; float:left; text-align: center; margin-top: 15px; padding-top:5px; color:#c39c37;}
.content .crmreport .monthrank .personrank .person{width:100px; position: absolute; top: -45px; text-align: center;}
.content .crmreport .monthrank .personrank .person .meng{width:40px; height:40px; border-radius: 20px; left:30px; position: absolute; opacity:0.3; background: #000;}
.content .crmreport .monthrank .personrank .person .name{width:40px; height:40px; border-radius: 20px; line-height:40px; left:30px; font-size:12px; text-align: center; overflow: hidden; color:#fff; position: absolute;}
.content .crmreport .monthrank .personrank .person .departname{width:100px; height:36px; line-height:16px; left:0px; top:10px; font-size:16px; text-align: center; overflow: hidden; color:#a9a9a9; position: absolute;}
.content .crmreport .monthrank .personrank .person .head{width:40px; height:40px; margin-left:30px;}
.content .crmreport .monthrank .personrank .person .head img{width:40px; height:40px; border-radius: 20px;}
.content .crmreport .monthrank table{width:85%; margin:0 auto; font-size:15px; color:#a9a9a9;}
.content .crmreport .monthrank table tr{height: 30px;}
.content .crmreport .monthrank table th{text-align: left;}
.content .crmreport .monthrank .rank1{width:18px; height:18px; border-radius:9px; background-color:#ff6356; float:left; color:#fff; text-align:center; line-height:18px; margin-left:5px;}
.content .crmreport .monthrank .rank2{width:18px; height:18px; border-radius:9px; background-color:#fdad0d; float:left; color:#fff; text-align:center; line-height:18px; margin-left:5px;}
.content .crmreport .monthrank .rank3{width:18px; height:18px; border-radius:9px; background-color:#8ec549; float:left; color:#fff; text-align:center; line-height:18px; margin-left:5px;}
.content .crmreport .monthrank .rank4{width:18px; height:18px; border-radius:9px; background-color:#cbcccc; float:left; color:#fff; text-align:center; line-height:18px; margin-left:5px;}
/*发现*/
.content .find{width:100%; float: left;}
.content .find{width:100%; height: 45px; float: left;}
.content .find li{width:100%; height: 45px;  background: #fff;}
.content .find li .quan{width:100%; height: 45px; }
.content .find li .quan .icon{width:12%; height: 35px; float:left; padding-left:4%; }
.content .find li .quan .icon2{width:8%; height: 35px; float:left; padding-left:0px; margin-top: 7px;}
.content .find li .quan .icon img,.content .find li .quan .icon2 img{width:23px; height: 23px; float:left; margin-top: 4px;}
.content .find li .quan .name{width:200px; padding-top:12px; float:left; }
.content .find li .quan .arrow{width:15px; height: 15px; float:right; padding-right: 30px; padding-left:10px; margin-top: 13px;}
.content .find li .quan .arrow img{width:15px; height: 15px;}
.content .find li .quan .head{width:32px; height:32px; margin-top:7px; float:right; position: relative;}
.content .find li .quan .head .hcircle{width:8px;height:8px;background: #eb5342; border-radius:8px; position: absolute; right: -3px; top:-3px;}
.content .find li font{color:#a9a9a9; font-size:12px;}

/*我的*/
.content .my{width:100%; height: 45px; float: left;}
.content .my li{width:100%; height: 45px;  background: #fff;}
.content .my li .quan{width:100%; height: 45px; }
.content .my li .quan .icon{width:12%; height: 35px; float:left; padding-left:4%; }
.content .my li .quan .icon2{width:8%; height: 35px; float:left; padding-left:0px; margin-top: 7px;}
.content .my li .quan .icon img,.content .my li .quan .icon2 img{width:23px; height: 23px; float:left; margin-top: 4px;}
.content .my li .quan .name{width:200px; padding-top:12px; float:left; }
.content .my li .quan .name font{font-size:12px; color:#a9a9a9;} 
.content .my li .quan .arrow{width:15px; height: 15px; float:right; padding-right: 30px; margin-top: 12px;}
.content .my li .quan .arrow img{width:15px; height: 15px;}

/*分享*/
.sharelist {width:100%; height: auto; float: left; text-align: left; padding: 10px;}
.sharelist:active{background-color:#f3f3f5;}
.sharelist .atitle{width:100%; height: 50px; float: left;}
.sharelist .atitle .aimg{width:42px; height: 42px; float: left; }
.sharelist .atitle .aimg img{width:42px; height: 42px;}
.sharelist .atitle .aname{width:70%; height: 15px; float: left; padding-left:10px;}
.sharelist .atitle .aname font{float:right;font-size:12px;}
.sharelist .atitle .adate{width:70%; height: 15px; float: left; font-size: 12px; padding-left:10px; padding-top:8px; color:#a9a9a9;}
.sharelist .atitle .atag{width:60px; height: 15px; float: right; font-size: 12px; margin-top: -15px; color:#a9a9a9; text-align: right;}
.sharelist .asendrange{width:100%; height: 20px; float:left; font-size:13px; color:#a9a9a9;} 
.sharelist .asendrange font{color:#576b95;}
.sharelist .aposition{width:100%; height: 20px; float:left; font-size:13px; color:#a9a9a9;}
.sharelist .aposition .icon{float:left;}
.sharelist .aposition .address{float:left; color:#576b95;}
.sharelist .aexeuser{width:100%;color:#a9a9a9; font-size:13px; min-height: 30px; float:left;}
.sharelist .aimg {width:100%; height:auto; float:left;}
.sharelist .aimg .asquare{margin: 0px; padding:0px; margin-right: 5px; margin-top: 5px; }
.sharelist .aimg .asquare img{float: left;}
.sharelist .afile {width:100%; height:auto; float:left; margin-top: 10px; margin-bottom: 10px; font-size:14px; color:#a9a9a9;}
.sharelist .afile .file_list{width:100%; height:auto; float:left;}
.sharelist .afile .file_list .file_icon{width:10%; height:40px; float:left; padding-top:4px;}
.sharelist .afile .file_list .file_icon img{width:26px; height: 30px;}
.sharelist .afile .file_list .file_info{width:70%; height:30px; float:left;}
.sharelist .afile .file_list .file_info .file_name{width:100%; height:20px; float:left; overflow: hidden;}
.sharelist .afile .file_list .file_info .file_size{width:100%; height:10px; float:left; color:#d7d7d7; font-size:12px;}
.sharelist .afile .file_list .file_download{width:20%; height:60px; float:left; text-align: right;}
.sharelist .afile .file_list .file_download a{font-size:12px;}
.sharelist .awork{font-size:16px; color:#a9a9a9; padding-top:5px; height: 20px; float:left;}
.sharelist .acontent{width:100%; height: auto; overflow:hidden; padding-bottom: 10px; margin-top: 10px; float:left; font-size: 16px; line-height: 24px;}
.sharelist .atopic{width:100%; min-height: 20px; line-height: 20px; float:left; font-size:20px; padding-top:15px;}
.sharelist .acontent span{display:none;}
.sharelist .acontent .expand{padding-top:5px; font-size:13px;}
.sharelist .atool{width:100%; float:right; margin-top:10px;}
.sharelist .atool .reply{width:35px; float:right; font-size:14px; text-align: right; color:#576b95; padding-right:5px;}
.sharelist .atool .reply:active{opacity: 0.3;}
.sharelist .atool .delete{width:20px; float:right; font-size:14px; text-align: right; color:#576b95;}
.sharelist .atool .delete:active{opacity: 0.3;}
.sharelist .atool .reply:active,.sharelist .atool .delete:active{color:red;}
.sharelist .replylist{width:100%; height: auto; margin-top: 5px; margin-bottom: 10px; background-color:#f3f3f5; padding-top:5px; padding-bottom: 5px; float:left; font-size:14px; border-radius: 2px;}
.sharelist .replylist .replyline{width:100%; min-height:22px; float:left; padding-left:5px; padding-right: 5px; font-size:14px;}
.sharelist .replylist .replyline font{color:#576b95;}
.sharelist .replylist .replyline:active{background-color:#d6d6e1;}
.sharelist .replylist .replyline img{width:16px; height:16px; vertical-align: middle;}
.sharelist .votelist{width:100%; float:left;}
.sharelist .votelist .vtitle{width:100%; float:left;}
.sharelist .votelist .maxselect{font-size:14px; float:left; width:100%;}
.sharelist .votelist .maxselect font{color:red; float: left;}
.sharelist .votelist .vtips{font-size:14px; color:#FF9300; width:100%;}
.sharelist .votelist .options{width:100%; float:left;}
.sharelist .votelist .options .line{width:100%; float:left;}
.sharelist .votelist .options .line .check{width:7%; float:left;}
.sharelist .votelist .options .line .check input{width:20px; height:20px;}
.sharelist .votelist .options .line .option{width:90%; float:left;}
.sharelist .votelist .submitvote{width:100%; padding-top:10px; margin-bottom: 10px; float:left;}
.sharelist .votelist table,.sharelist .votelist table tr{width:100%;}
.sharelist .votelist .voteline{width:100%; float:left; font-size: 12px;}


/*滚动条*/
#wrapper1,#wrapper2,#wrapper3,#wrapper4 {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0;
	width: 100%;
	z-index: 0;
	overflow: hidden;
}
#wrapper10 {
	position: absolute;
	top: -25px;
	bottom: 0px;
	left: 0;
	width: 100%;
	z-index: 0;
	overflow: hidden;
}


/*审批流程*/
.flow{width:640px; height:45px; float:left; }
.flow .begin{width:18px; height:20px;  margin-top:10px; float:left; background:url(../img/yuan.png) -132px -20px;}
.flow .line{width:20px; height:5px; font-size:0px; position:relative; margin-top:17px; margin-left:-1px; float:left; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.flow .line .success{width:23px; height:20px; background:url(../img/icon.png) -60px -210px no-repeat; position:absolute; left:0px; top:-22px;}
.flow .select{background-color:#edecec;}
.flow .user2{width:35px; height:40px; padding-left:1px; line-height:26px; padding-top:8px; color:#fff; margin-top:0px; float:left; background:url(../img/yuan.png) -162px -10px; text-align:center; font-size:12px;}
.flow .user3{width:35px; height:40px; padding-left:1px; line-height:12px; padding-top:10px; color:#fff; margin-top:0px; float:left; background:url(../img/yuan.png) -162px -10px; text-align:center; font-size:12px;}
.flow .user4{width:35px; height:40px; padding-left:1px; line-height:12px; padding-top:8px; color:#fff; margin-top:0px; float:left; background:url(../img/yuan.png) -162px -10px; text-align:center; font-size:12px;}
.flow .finish{width:35px; height:40px; line-height:40px;color:#fff; padding-left:1px; margin-top:0px; float:left; background:url(../img/yuan.png) -207px -10px; text-align:center; font-size:12px;}

/*细边框*/
.slimsy{width:100%; margin:0 auto; font-size:12px;}
.slimsy,.slimsy td,.slimsy th{border:1px solid #cdcdcd;border-collapse:collapse;}
.slimsy th{height:30px; background-color:#eee; color:#666; text-align: center;}
.slimsy td{height:30px; text-align:center;}
.slimsy .option{background:url(/img/arrow.gif) 82px 13px no-repeat;  font-size:12px;}
.slimsy .leave_name,.slimsy .travel_traffic{width:85%; height:30px; line-height:33px; text-align:left; padding-left:10px;}
.slimsy .time{width:95%; height:30px; line-height:33px;}
.slimsy font{font-size:12px; color:green;}
.slimsy input{cursor:pointer;}
.money{width:100%; margin:0 auto; font-size:14px; float:left;}
.money font{color:#c40000;}
.money .casemoney{width:auto; float:left; padding-top:5px;}
.money  .allmoney{width:auto; float:right; padding-top:5px;}
.listline{width:700px; height:25px; font-size:14px; float:left; display: inline;}

#scroller {
	position: absolute;
	padding-bottom:70px;
	width: 100%;
	-webkit-transform: translateZ(0); 
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}



/*同事资料*/
.smsandphone{position: fixed; bottom: 0px; left:0px; width:100%; height: 56px; background-color: #ffffff; z-index: 99;}
.divmsg .button1{width:25%; height: 40px; border-radius: 3px; background: dodgerblue; margin-left:10px; margin-top: 8px; border:0px; color: #fff; font-size: 18px; }
.divmsg .button2{width:25%; height: 40px; border-radius: 3px; background: #2eba09; margin-left:5px; margin-top: 8px; border:0px; color: #fff; font-size: 18px; }
.divmsg .button3{width:42%; height: 40px; border-radius: 3px; background: #a9a9a9; margin-right:10px; margin-top: 8px; border:0px; color: #fff; font-size: 18px; float: right; }
.divmsg .button11{width:46%; height: 40px; border-radius: 3px; background: #a9a9a9; margin-left:10px; margin-top: 8px; border:0px; color: #fff; font-size: 18px; }
.divmsg .button22{width:46%; height: 40px; border-radius: 3px; background: #2eba09; margin-right:10px; margin-top: 8px; border:0px; color: #fff; font-size: 18px; float: right; }

.content .mate{width:100%; height: 45px; float: left;}
.content .mate li{width:100%; height: 45px;  background: #fff;}
.content .mate li .quan{width:100%; height: 45px;}
.content .mate li .quan .icon{width:12%; height: 35px; float:left; padding-left:4%;}
.content .mate li .quan .icon2{width:8%; height: 35px; float:left; padding-left:0px; margin-top: 7px;}
.content .mate li .quan .icon img,.content .mate li .quan .icon2 img{width:23px; height: 23px; float:left; margin-top: 4px;}
.content .mate li .quan .name{width:50%; padding-top:12px; float:left;}
.content .mate li .quan .name font{font-size:12px; color:#a9a9a9;}
.content .mate li .quan .arrow{width:50%; height: 15px; float:right; text-align: right; color:#a9a9a9; padding-right: 20px; margin-top: 12px; font-size: 14px;}


/*我的资料*/
.content .usercenter{width:100%; height: 45px; float: left;}
.content .usercenter li{width:100%; height: 45px;  background: #fff;}
.content .usercenter li .quan{width:100%; height: 45px;}
.content .usercenter li .quan .icon{width:12%; height: 35px; float:left; padding-left:4%;}
.content .usercenter li .quan .icon2{width:8%; height: 35px; float:left; padding-left:0px; margin-top: 7px;}
.content .usercenter li .quan .icon img,.content .usercenter li .quan .icon2 img{width:23px; height: 23px; float:left; margin-top: 4px;}
.content .usercenter li .quan .name{width:24%; padding-top:12px; float:left;}
.content .usercenter li .quan .name font{font-size:12px; color:#a9a9a9;}
.content .usercenter li .quan .text{width:70%; height: 15px; float:left; text-align: right; color:#a9a9a9; padding-right: 20px; margin-top: 12px; font-size: 14px;}
.content .usercenter li .quan .text input{border:0px; padding:0px; margin:0px; height: 22px; text-align: right; background: transparent;}
.content .usercenter li .quan .text select{padding:0px; margin:0px; float: right;  padding-left:158px; font-size:16px; background: transparent;}
.content .usercenter li .quan .text option{padding:0px; margin:0px;}
.content .usercenter li .quan .arrow{width:6%; height:15px; float:right; padding-top:13px;}
.content .usercenter li .quan .arrow img{width:15px; height: 15px;}




/*打卡记录*/
.signlist {width:100%; height: 45px; float: left; line-height: 45px; font-size:14px;}
.signlist .date{width:22%; height: 45px; float:left;  padding-left:5px; overflow: hidden;}
.signlist .headimg{width:12%; height: 45px; float:left; padding-top:8px; padding-left:10px;}
.signlist .headimg img{width:30px; height: 30px; float:left;  border-radius: 15px;}
.signlist .name{width:15%; height: 45px; float:left; overflow: hidden;}
.signlist .headimg{width:13%; height: 45px; float:left; overflow: hidden; padding-left:10px;}
.signlist .headimg img{width:30px; height: 30px;}
.signlist .realname{width:17%; height: 45px; float:left; overflow: hidden;}
.signlist .manqin{width:14%; height: 45px; float:left; overflow: hidden; text-align:center;}
.signlist .chidao{width:14%; height: 45px; float:left; overflow: hidden; text-align:center;}
.signlist .zaotui{width:14%; height: 45px; float:left; overflow: hidden; text-align:center;}
.signlist .queqin{width:14%; height: 45px; float:left; overflow: hidden; text-align:center;}
.signlist .banqin{width:14%; height: 45px; float:left; overflow: hidden; text-align:center;}
.signlist .state{width:20%; height: 45px; float:left; overflow: hidden;}
.signlist .bak{width:43%; height: 45px; float:left; overflow: hidden; padding-right: 5px;}
.signlist:active{background-color: #eae8e7;}
.signstastics{width:100%; height:170px; float:left; padding:10px; padding-top:20px;}
.signstastics .date{width:30%; height:120px; float:left;}
.signstastics .date .titles{width:100%; height:35px; padding-top:7px; float:left; border-top-left-radius: 5px;border-top-right-radius: 5px; background-color:#007AFF; color:#fff; font-size:14px; text-align: center;}
.signstastics .date .time{width:100%; height:95px; float:left; border-top:0px !important;}
.signstastics .date .time .year{width:100%; height:50px; line-height: 40px; text-align: center; color:#333333; font-size:18px;}
.signstastics .date .time .month{width:100%; height: 45px; text-align: center; float:left; color:#333333; font-size:45px;}
.signstastics .date .time .month font{font-size:16px;}
.signstastics .stastics{width:66%; height:130px; margin-left:10px; float:right; border-top-left-radius: 5px;border-top-right-radius: 5px;}
.signstastics .stastics .manqin{width:100%; height:65px; text-align: center; }
.signstastics .stastics .manqin .man{width:100%;height:65px; float:left;}
.signstastics .stastics .manqin .man .titles{width:100%; height:35px; line-height: 35px; font-size:14px;}
.signstastics .stastics .manqin .man .days{width:100%; height:30px; font-size:24px;}
.signstastics .stastics .manqin .man .days font{width:100%; height:30px; font-size:14px;}
.signstastics .stastics .nomanqin{width:100%; height:65px; text-align: center;}
.signstastics .stastics .nomanqin .chidao{width:33%; height:64px; float:left;}
.signstastics .stastics .nomanqin .chidao .titles{width:100%; height:34px; line-height: 35px; font-size:14px;}
.signstastics .stastics .nomanqin .chidao .days{width:100%; height:30px; font-size:24px;}
.signstastics .stastics .nomanqin .chidao .days font{width:100%; height:30px; font-size:14px;}
.rili{padding-top:4px;}
.yearandmonth{width:100%; height:250px; position: absolute; top:45px;  background: #fff; z-index:100; opacity: 0.99;}
.yearandmonth .year{width:100%; height:45px; float:left; padding:10px; font-size:22px; padding-top:15px;}
.yearandmonth .month{width:100%; height:60px; float:left; padding-left:10px;}
.yearandmonth .month .square{width:13%; height:30px; margin-right:3%; float:left; text-align: center; line-height: 30px; margin-bottom:10px;}
.yearandmonth .month .square:active{background-color:#f3f3f3;}

/*打卡详情*/
.signdetail{width:100%; float:left; padding:10px; font-size:16px; padding-top:20px;}
.signdetail .line{width:100%; height: auto; float:left; padding-top:5px; padding-bottom: 5px;}
.signdetail .line .name{width:15%; float:left; color:#576b95;}
.signdetail .line .value{width:85%; float:left;}
.signrecord{width:100%; float:left; padding:10px; padding-top:14px;}
.signrecord .address{width:85%; float:left; font-size:14px; color:#a9a9a9;}
.signrecord .date{width:15%; float:left; font-size:14px; text-align: right;}
.signrecord .scustomer{width:80%; float:left; font-size:14px; color:#007aff; padding-top:8px;}
.signrecord .svisit{width:20%; float:left; font-size:14px; text-align: right; color:#007aff; padding-top:8px;}
.signrecord .aimg {width:100%; height:auto; float:left;}
.signrecord .aimg .asquare{margin: 0px; padding:0px; margin-right: 5px; margin-top: 5px; }
.signrecord .aimg .asquare img{float: left;}
.signrecord .bak{padding-top:5px; float:left;}

/*记事本*/
.notepadlist {width:100%; height: 45px; float: left; line-height: 45px; background-color:#faf8ed; }
.notepadlist .profile{width:82%; height: 45px; float:left;  padding-left:10px; overflow: hidden; font-size:16px;}
.notepadlist .date{width:18%; height: 45px; float:left;  padding-left:5px; overflow: hidden; font-size:14px; color:#a9a9a9;}
.notepadlist:active{background-color:#f5f1db;}
.notepaddetail{width:100%; height:100%; float:left; padding:10px; font-size:16px;}
.notepaddetail textarea{background-color:#fff; height:100%;}

/*发分享，日志，任务，审批，公告*/
.publish{width:100%; float:left; font-size:16px; background: #fff;}
.publish textarea{min-height:70px; max-height: 200px; height: 70px; padding-top:10px; padding-left:18px; float:left; }
.publish .addphoto{height:auto; float:right; margin-top:10px; padding-bottom: 10px; margin-bottom: 1px;}
.publish .addphoto #img_src{float:left; height: auto;}
.publish .addphoto #img_src img{margin-right: 10px; float:left; margin-bottom: 10px; object-fit:cover;}
.publish #addphoto img:active{opacity:0.5;}
.publish #addphoto{position:relative;}
.publish #addphoto .imgload{position: absolute; display: hidden; margin:10px; text-align: center; padding-top:15px; padding-bottom: 15px; padding-left:5px; font-size:12px; background: #fff;}
.publish .position{width:100%; height: 40px; padding-left:20px; float: right;}
.publish .position .icon{width:8%; float: left; padding-top:7px;}
.publish .position .icon img{width:25px; height:25px; float: left;}
.publish .position .address{width:86%; height: 30px; float: left;  padding-top:10px; overflow: hidden;}
.publish .position .address select{font-size:16px; padding:0px; margin:0px; height:20px;}
.publish .position .address select:active{background-color:#f3f3f3;}
.publish .position .address .long{float:left; height: 20px; overflow:hidden;}
.publish .position .address .long div{float:left; }
.publish .position .address .long div select{float:left; margin-left:10px; width:auto; padding-left:2px; padding-right: 2px; margin-right: 5px; background-color:#999999; text-align: right; color:#fff;}
.publish .position .address .long input{border:0px; margin: 0px; padding:0px; height:20px; line-height: 20px; font-size:16px; padding-right: 10px; text-align: right; background: transparent; color:#a9a9a9;}
.publish .position .address .long select{float:right; color:#a9a9a9; text-align: right; width:auto; padding-right:8px; background: transparent;}
.publish .position .arrow{width:6%; float: left; padding-top:12px;}
.publish .position .arrow img{width:15px; height: 15px;}
.publish .position .inner{float:left; height:40px; float: right;}
.publish .position .inner input{width:100%; height:25px; line-height: 25px; padding:0px; border:0px;  margin-top:8px; background-color:transparent;}
.publish .position:active{background-color:#f3f3f3;}
.publish .position .examineinfo{width:15%; height: 60px; float:left;}
.publish .position .examineinfo .headimg{width:50px; height: 40px; float:left; text-align: center;}
.publish .position .examineinfo .headimg img{width:40px; height: 40px; border-radius: 20px;}
.publish .position .examineinfo .realname{width:50px; height: 20px; float:left; font-size:14px; text-align: center; overflow: hidden;}
.publish .position .line{width:20px; height: 40px; float: left;}
.publish .position .success{width:40px; height: 40px; border-radius: 20px; background: green; color:#fff; font-size:14px; float:left; padding-top: 8px; text-align: center;}
.publish .position .noset{width:40px; height: 40px; margin-right: 7px; margin-left: 7px; border-radius: 20px; background: gray; color:#fff; font-size:12px; float:left; padding-top: 8px; text-align: center;}
.publish .share_title{color:#a9a9a9; padding-left:18px; font-size:17px; display: none; }


/*选择发送对象*/
.selectbar{width:92%; height: 30px; border-radius: 5px; border:1px solid #4b4b57; margin: 0 auto; margin-top: 10px; overflow: hidden;}
.selectbar .bar{width:50%; height: 30px; line-height: 30px; text-align: center; background-color:#fff; float: left; color: #4b4b57; font-size:14px;}
.selectbar .select{width:50%; height: 30px; line-height: 30px; text-align: center; background-color:#4b4b57; float: left; color: #fff; font-size:14px;}
.barline{width:100%; height: 10px; float: left;}
.userlist{width:100%;float:left;}
.userlist .ulist{width:100%; height: 40px; float:left;}
.userlist .ulist label .headimg{width:10%; height: 40px; float:left;}
.userlist .ulist label .headimg img{width:30px; height: 30px; border-radius: 15px;}
.userlist .ulist label .realname{width:60%; height: 40px; float:left; padding-left:10px; padding-top:4px;}
.userlist .ulist .realname{width:60%; height: 40px; float:left; padding-left:10px; padding-top:10px;}
.userlist .ulist .checkbox{width:10%; height: 40px; float:left; }
.userlist .ulist .checkbox input{right:4%;}
.userlist .ulist label{width:90%; float:left; padding-left:4%; padding-top:5px;}


/*客户列表*/
.customerlist{width:100%; height: 60px; padding:10px; float:left; }
.customerlist .customername{width:100%; height: 20px; margin-bottom:4px; float:left; overflow:hidden;}
.customerlist .customername .cname{width:90%; height: 25px; float:left;}
.customerlist .customername .cbtn{width:10%; height: 25px; float:left; font-size:14px; text-align: right; color:#a9a9a9;}
.customerlist .customerinfo{width:100%; height: 25px;float:left; font-size:14px; color:#a9a9a9; overflow: hidden;}
.customerlist .customerinfo .state{width:40%; height: 25px;float:left; overflow:hidden;}
.customerlist .customerinfo .lastconntime{width:60%; height: 25px;float:left; text-align: right;}
.customerlist:active{background-color:#f3f3f3 ;}


/*订单列表*/
.orderlist{width:100%; height: 60px; padding:10px; float:left;}
.orderlist .ordernum{width:50%; height: 20px; margin-bottom: 4px; float:left; overflow: hidden;}
.orderlist .orderprice{width:50%; height: 24px;float:left; font-size:14px; color:#a9a9a9; text-align: right; overflow: hidden;}
.orderlist .orderinfo{width:100%; height: 25px;float:left; font-size:14px; color:#a9a9a9;}
.orderlist .orderinfo .state{width:50%; height: 20px;float:left; overflow:hidden;}
.orderlist .orderinfo .lastconntime{width:50%; height: 20px;float:left; text-align: right;}
.orderlist:active{background-color:#f3f3f3;}

/*订单详细*/
.orderinfo{width:100%; height: auto; float: left; padding-bottom: 10px;}
.orderinfo .line100{width:100%; height: auto; float:left; padding-left:10px; margin-top:5px; font-size: 14px; color:#a9a9a9;}
.orderinfo .line50{width:50%; height: auto; float:left; padding-left:10px; margin-top:5px; font-size: 14px; color:#a9a9a9;}
.orderinfo .line100 .left{width:70px; float:left; height: 30px;}
.orderinfo .line100 .right{width:auto; float:left; height: 30px; padding:0px;}
.orderinfo .line100 .right select{padding:0px; margin: 0px; color:#007aff; text-align: left;}
.orderinfo .line100 .right input{padding:0px; margin: 0px; border: 0px; height: 20px; font-size:14px;}
.ordertab{width:100%; height: 26px; line-height: 26px; font-size: 14px; float: left; overflow: hidden; text-align: left; background-color:#f3f3f3;}
.productpanel{width:100%; height: auto; float:left;}
.productpanel table{width:100%; font-size:12px; text-align: center; color:#a9a9a9;}
.productpanel table tr{height:25px;}
.ordertab table{width:100%; font-size:12px; text-align: center;}
/*crm表单*/
.crmsheet{width:100%; float:right; padding-top:10px; font-size:16px; background-color: #fff; padding-left:10px; padding-bottom: 10px; }
.crmsheet .ctitle{width:28%;float:left; padding-top:5px;}
.crmsheet .ctitle .cimg{float:left; margin-top:-5px;}
.crmsheet .ctitle .cimg img{ border-radius: 15px; width:30px; height:30px; vertical-align: middle;}
.crmsheet .ctitle .cname{ float:left;}
.crmsheet .ctitle .require{color:red; padding-top:3px; text-align: center; float:left;}
.crmsheet textarea{width:100%; height: 60px; padding:0px; margin: 0px; padding-top:5px; color:#a9a9a9; background: transparent;}
.crmsheet .ctext{width:62%;float:left;}
.crmsheet .ctext2{width:72%;float:left;}
.crmsheet .ctext2 input{width:100%; height:30px; float:left; padding:0px; margin: 0px; border:0px; text-align: left; color:#a9a9a9; background: transparent;}
.crmsheet .ctext .sex{float:left;}
.crmsheet .ctext .time{width:50%;float:left;}
.crmsheet .ctext .workday{width:auto;float:left; font-size:12px; padding-right:12px;}
.crmsheet .ctext .time input{float:left;}
.crmsheet .ctext .money{width:33%; float:left; font-size:17px;}
.crmsheet .ctext font{display: block; float:left; padding-top:5px;}
.crmsheet .ctext input{width:100%; height:30px; float:left; padding:0px; margin: 0px; border:0px; text-align: left; color:#a9a9a9; background: transparent;}
.crmsheet .ctext .percent{width:5%; height:30px; float:left;}
.crmsheet .ctext input[type="radio"]{background:gray;}
.crmsheet .ctext label{width:70px; float:left; padding-top:5px; padding-left:5px; }
.crmsheet .ctext select{width:100%; height: 30px; padding:0px; margin:0px; font-size: 17px; color:#a9a9a9; background: transparent;}
.crmsheet .ctext .txt{padding-top:5px; float:left;}
.crmsheet .carrow{width:10px; height: 15px; float:right; padding-right: 30px; margin-top: 6px;}
.crmsheet .carrow img{width:15px; height: 15px;}
.crmsheet .carrow a{font-size:20px;}
.crmsheet .xuan{width:40px; height: 30px; float:right; padding-right: 30px; padding-top:5px; padding-left:10px;}
.crmsheet .sendsms{width:30%;float:left;color:#007aff; padding-top:4px; font-size:17px; text-align: center;}
.crmsheet .leavetime{width:30%;float:left;color:#a9a9a9; padding-top:4px; font-size:17px; text-align: center; display: none;}
.crmsheet:active{background-color:#f3f3f3;}
.deletesheet{width:100%;float:left; font-size:16px; background-color:#ed4c4c; height:40px; line-height:40px; color:#fff;}
.deletesheet:active{background-color: #f06c6c;}
.addvote{width:100%; text-align: center; background-color:#f3f3f3;}
.addvote:active{background-color:#CCCCCC;}
.addphoto{height:auto; float:right; margin-top:10px; padding-bottom: 10px;}
.addphoto img:active{opacity:0.5;}
.addphoto #img_src{float:left; height: auto;}
.addphoto #img_src img{margin-right: 10px; float:left; margin-bottom: 10px; object-fit:cover;}
.cline{width:100%; height: 25px; font-size: 12px; padding-top:2px; padding-left:10px; float: left; background-color: #f3f3f3;}
.cline font{font-size:12px; color:#1E90FF; float: right; padding-right: 10px;}
.cline:active{background-color: #D7D7D7;}
#contact_panel{display:none;}
.add_product{width:100%; height: 40px; text-align: center; margin-top: 20px; float:left;}
.add_product:active{ opacity: 0.7;}
.add_product img{width:40px; height: 40px;}

/*地图*/
#map{width:100%; float:left; position: absolute; top: 45px;}
#mapnear{width:100%; height: 250px; position: absolute; top: 45px;}

/*客户详情*/
.customerinfo{width:100%; height: 60px; float:left;}
.customerinfo .customername{width:100%; height: 35px; float:left; padding:10px;}
.customerinfo .customermore{width:100%; height: 15px; float:left;}
.customerinfo .customermore .customerstate{width:50%; height: 15px; float: left; padding-left:10px; font-size:12px;  color:#a9a9a9;} 
.customerinfo .customermore .customertime{width:50%; height: 15px; float: left; text-align: right; padding-right: 10px; font-size: 12px;  color:#a9a9a9;}
.customertab{width:100%; height: 36px; float: left; overflow: hidden; position: absolute;  top:105px; z-index: 99; background-color:#fff;}
.customertab .cusline1{width:25%; height: 36px; float: left; text-align: center; line-height: 36px; font-size:14px;}
.customertab .cusline2{width:25%; height: 36px; float: left; text-align: center; line-height: 36px; font-size:14px;}
.customertab .cusline3{width:20%; height: 36px; float: left; text-align: center; line-height: 36px; font-size:14px;}
.customertab .cusline4{width:15%; height: 36px; float: left; text-align: center; line-height: 36px; font-size:14px;}
.customertab .cusline5{width:15%; height: 36px; float: left; text-align: center; line-height: 36px; font-size:14px;}
.customertab .select{background-color:#f3f3f3;}
.customerpanel{width:100%;height: 20px; float:left; position: absolute; top:141px;}
.customerdetail{width:100%; float:left; height: auto; font-size:14px; padding:10px;}
.customerdetail .top{width:100%; float:left; height: 40px;}
.customerdetail .top .headimg{width:10%; float:left; height: 40px; padding-top:5px;}
.customerdetail .top .headimg img{width:30px; height: 30px; border-radius: 15px;}
.customerdetail .top .name{width:90%; float:left; height: 40px; padding-left:5px;}
.customerdetail .top .name .realname{width:30%; float:left; height: 20px;}
.customerdetail .top .name .customername{width:70%; float:left; height: 20px; text-align: right; color:#576b95;}
.customerdetail .top .name .source{width:90%; float:left; height: 20px; font-size:12px; color:#a9a9a9;}
.customerdetail .action{width:90%; float:right; font-size:12px; color:#a9a9a9; padding-left:5px;}
.customerdetail .imgs{width:90%; height: auto; float:right; padding-left:5px;}
.customerdetail .context{width:90%; height: auto; float:right; padding:10px; padding-left:0px; padding-left:5px;}
.customerdetail .bottom{width:90%; float:left; height: 25px; text-align: left; float:right; padding:10px; padding-right: 0px; padding-left:0px; font-size:12px; color:#a9a9a9;}
.customerdetail .bottom .delete{float:right; font-size:12px; color:#576b95; }
.customerdetail .bottom .delete:active{color:red;}
.customerpanel .line{width:100%; height: 30px; padding:10px;}
.customerpanel .line .name{width:30%; float:left; font-size:14px;}
.customerpanel .line .value{width:70%; float:left; font-size:14px; color:#a9a9a9;}
.customerpanel .line .value .head{width:25px; height:25px; float:left; margin-right:5px; margin-bottom:5px;  position:relative;}
.customerpanel .line .value .head img{width:25px; height:25px;}
.customerpanel .line .value .head a{width:7px; height:7px; font-size:0px; cursor:pointer; position:absolute; right:1px; top:1px; display:block; background:url(/img/icon.gif) -30px -60px no-repeat;}
.customerpanel .line .value .add{width:25px; height:25px; float:left; margin-right:5px; margin-bottom:5px;}
.customerpanel .line .value .add a{width:25px; height:25px; display:block; background:url(/img/icon.png) -90px -120px no-repeat; cursor:pointer;}
.customerpanel .add{width:25px; height: 25px; float:left;}
#customerstate{margin:0px; padding:0px; height: 20px; float:left; color:#007aff;}

/*客户里联系人列表*/
.contactdetail{width:100%; height: 40px; float:left; color:#A9A9A9; padding:10px; font-size:14px;}
.contactdetail .name{width:20%; height: 30px; float:left;}
.contactdetail .mobile{width:30%; height: 30px; float:left;}
.contactdetail .duty{width:20%; height: 30px; float:left;}

/*客户里订单列表*/
.orderdetail{width:100%; height: 115px; float:left; color:#A9A9A9; padding:10px; font-size:14px; padding-right: 0px;}
.orderdetail .ordernum{width:47%; height: 25px; float:left; overflow: hidden;}
.orderdetail .orderstate{width:53%; height: 25px; float:left; overflow: hidden;}
.orderdetail .orderpaytype{width:47%; height: 25px; float:left; overflow: hidden;}
.orderdetail .ordermoney{width:53%; height: 25px; float:left; overflow: hidden;}
.orderdetail .orderrealname{width:47%; height: 25px; float:left; overflow: hidden;}
.orderdetail .ordercreatedate{width:53%; height: 25px; float:left; overflow: hidden;}
.orderdetail .orderaddress{width:100%; height: 25px; float:left; overflow: hidden;}
.orderdetail font{color:#000;}

/*客户里合同列表*/
.contractdetail{width:100%;height: 115px; float:left; color:#A9A9A9; padding:10px; font-size:14px; padding-right: 0px;}
.contractdetail .num{width:47%; height: 25px; float:left; overflow: hidden;}
.contractdetail .headusername{width:53%; height: 25px; float:left; overflow: hidden;}
.contractdetail .dismoney{width:47%; height: 25px; float:left; overflow: hidden;}
.contractdetail .percent{width:53%; height: 25px; float:left; overflow: hidden;}
.contractdetail .backmoney{width:47%; height: 25px; float:left; overflow: hidden;}
.contractdetail .signdate{width:53%; height: 25px; float:left; overflow: hidden;}
.contractdetail .enddate{width:53%; height: 25px; float:right; overflow: hidden;}
.contractdetail font{color:#000;}

/*客户工具条*/
.customertool{width:120px; height: auto; padding-top:5px; padding-bottom: 5px; position: absolute; top:50px; right: 5px; z-index: 9999; background: #2d2c32; color:#fff; border-radius: 2px;}
.customertool ul li{font-size:16px; height: 35px; line-height: 35px; text-align: center;}
.customertool ul li:active{background-color:#555555;}
.addrecord{width:40px; height: 40px; position: fixed; right: 15px; bottom: 20px; z-index: 99;}
.addrecord img{width:40px; height: 40px;}
.addrecord:active{opacity: 0.7;}


/*产品列表*/
.productlist{width:100%; height: 60px; padding:10px; float:left;}
.productlist .productname{width:100%; height: 25px;float:left;}
.productlist .productinfo{width:100%; height: 25px;float:left; font-size:14px; color:#a9a9a9;}
.productlist .productinfo .price{width:50%; height: 25px;float:left;}
.productlist .productinfo .createdate{width:50%; height: 25px;float:left; text-align: right;}
.productlist:active{background-color:#f3f3f3 ;}
.pline{width:100%; height: 25px; font-size: 12px; padding-top:2px; float: left; background-color: #f3f3f3;}
#product_tool table{width:100%; font-size: 14px; text-align: center;}
#product_panel table{width:100%; font-size: 14px; text-align: center;}
#product_panel table tr{height:36px;}
#product_panel table tr:active{background-color:#f3f3f3;}
#product_panel table input{margin:0px; width:40px; padding:3px; height: 26px; line-height: 26px; font-size:12px; border:0px;}
#product_panel select{width:100%; padding:0px; margin:0px; text-align: center; color:#007aff;}
#product_panel select option{width:100%; text-align: center;}

/*用户列表*/
.matelist{width:100%; height: 60px; padding:10px; float:left;}
.matelist .matename{width:100%; height: 25px;float:left;}
.matelist .matename .realname{width:70%; height: 25px;float:left;}
.matelist .matename .realname font{font-size:14px; color:#a9a9a9; padding-left:5px;}
.matelist .matename .birthplace{width:30%; height: 25px;float:right; font-size:14px; color:#a9a9a9; text-align: right;}
.matelist .mateinfo{width:100%; height: 25px;float:left; font-size:14px; color:#a9a9a9;}
.matelist .mateinfo .sex{width:50%; height: 25px;float:left;}
.matelist .mateinfo .joindate{width:50%; height: 25px;float:left; text-align: right;}
.matelist:active{background-color:#f3f3f3 ;}

/*签到规则列表*/
.signrulelist{width:100%; height: auto; padding:10px; float:left;}
.signrulelist .signrulename{width:100%; height: 25px;float:left;}
.signrulelist .signrulename .realname{width:50%; height: 25px;float:left;}
.signrulelist .signrulename .realname font{font-size:14px; color:#a9a9a9; padding-left:5px;}
.signrulelist .signrulename .error{width:50%; height: 25px;float:right; font-size:14px; color:#a9a9a9; text-align: right;}
.signrulelist .signruleinfo{width:100%; height: 25px;float:left; font-size:14px; color:#a9a9a9;}
.signrulelist:active{background-color:#f3f3f3 ;}


/*同事圈*/
.circle{width:100%;float:left;}
.circle .wallpaper{width:100%; height:30%;float:left; overflow: hidden; margin-bottom: 40px;}
.circle .wallpaper img:active{opacity: 0.8;}
.circle .wallpaper .realname{width:100px; height: 20px; position: absolute; right: 100px; top: 210px; text-align: right; color:#fff; font-weight: bold;}
.circle .wallpaper .headimg{width:72px; height: 72px; position: absolute; right: 10px; top: 190px; border:1px solid #e8e7e7; background-color:#fff;}
.circle .wallpaper .headimg img{width:70px; height: 70px; border:1px solid #fff;}
.divmsg .circlelist{width:100%; height: auto; float:left; padding:10px;}
.divmsg .circlelist .headimg{width:50px; height: 40px; float:left;}
.divmsg .circlelist .headimg img{width:40px; height: 40px; float:left;}
.divmsg .circlelist .right{height: auto; float:left;}
.divmsg .circlelist .right .realname{width:100%; height: 24px; margin-top:-2px; float:left; color:#576b95; font-size: 16px; }
.divmsg .circlelist .right .context{width:100%; height: auto; float:left; font-size:15px;}
.divmsg .circlelist .right .aimg {width:100%; height:auto; float:left;}
.divmsg .circlelist .right .aimg .asquare{margin: 0px; padding:0px; margin-right: 5px; margin-top: 5px; }
.divmsg .circlelist .right .aimg .asquare img{float: left;}
.divmsg .circlelist .right .tool{width:100%; height: 20px; float: left; padding-top:5px;}
.divmsg .circlelist .right .tool .time{width:50%; height: 20px; float: left; font-size:12px; color:#797979;}
.divmsg .circlelist .right .tool .time a{color:#576b95;}
.divmsg .circlelist .right .tool .time a:hover{color:red;}
.divmsg .circlelist .right .tool .reply{width:30%; height: 20px; float: left; text-align: right; position: absolute; right: 0px;}
.divmsg .circlelist .right .tool .reply img{width:20px; height:15px; float:right; display: inline-block; margin-right: 10px;}
.divmsg .circlelist .right .tool .reply img:active{opacity: 0.5;}
.divmsg .aposition{width:100%; height: 22px; float:left; font-size:13px; padding-top:8px; color:#a9a9a9;}
.divmsg .aposition .icon{float:left;}
.divmsg .aposition .address{float:left; color:#576b95;}
.divmsg .replyandpraise{width:100%; min-height: 24px; height: auto; line-height: 24px; background-color:#f3f3f5; float: left; margin-top:10px; font-size:14px; color:#576b95;}
.divmsg .replyandpraise .praise_panel{width:100%; height: auto; line-height: 24px; float:left; padding-left:5px; padding-right: 5px; padding-top:3px;}
.divmsg .replyandpraise .praise_panel .xin{float:left; padding-top:2px;}
.divmsg .replyandpraise .praise_panel .ren{float:left; padding-left:3px;}
.divmsg .replyandpraise .reply_panel{width:100%; height: auto; line-height: 24px; float:left; padding-bottom:3px;}
.divmsg .replyandpraise .reply_panel .replyline{width:100%; min-height:24px; float:left; padding-right: 5px; color:#000000; padding-left:5px; padding-right: 5px;}
.divmsg .replyandpraise .reply_panel .replyline font{color:#576b95; }
.divmsg .replyandpraise .reply_panel .replyline:active{background-color:#d6d6e1;}

/*微营销*/
.weitab{width:100%; height: 36px; float: left; overflow: hidden; position: absolute; top:45px; z-index: 99; background-color:#fff;}
.weitab .cusline1{width:33%; height: 36px; float: left; text-align: center; line-height: 36px; font-size:14px;}
.weitab .cusline2{width:33%; height: 36px; float: left; text-align: center; line-height: 36px; font-size:14px;}
.weitab .cusline3{width:34%; height: 36px; float: left; text-align: center; line-height: 36px; font-size:14px;}
.weitab .select{background-color:#f3f3f3;}
.weitab .select1{background-color:#f3f3f3; border-right:1px solid #dadada;}
.weitab .select2{background-color:#f3f3f3; border-left:1px solid #dadada; border-right:1px solid #dadada;}
.weitab .select3{background-color:#f3f3f3; border-left:1px solid #dadada;}
.weipanel{width:100%;height: 10px; float:left; position: absolute; top:81px;}
.weipanel1{width:100%;height: 20px; float:left; position: absolute; top:91px;}
.weipanel1 textarea{width:100%; height: 140px; float:left;}
.weipanel1 button{background-color:#31ae00; width:100%; height: 45px; border-radius: 0px; color:#fff; font-size: 18px; border:0px;}
.weipanel1 .clear{width:60px; height: 30px; text-align: center; float: right; font-size:14px; color:#a9a9a9; margin-bottom: 10px; padding-top:5px; padding-left:10px; padding-right:10px;}
.weipanel1 .clear:active{background-color: #A9A9A9; color:#fff;}
.weicompany{width:100%; height:auto; float:left; text-align: center; font-size:14px; color:#a9a9a9; padding-top:90px;}
.tips{width:100%; text-align: center;  position: absolute; bottom:20px; font-size: 14px; color:#a9a9a9; }
.divmsg3 .share{width:25%; height: 50px; float:left; line-height: 50px; text-align: center;}
.weipanel2{width:100%; height:auto; float:left; position: absolute; top:36px;}
.weilist{width:100%; height: 70px; padding:10px; float:left; position: relative;}
.weilist .weiimg{width:20%; height: 50px;float:left;}
.weilist .weiimg img{width:60px; height: 50px; border-radius: 3px;}
.weilist .weicontext{width:80%; height: 50px;float:left;}
.weilist .weicontext .weititle{width:100%; height: 20px; margin-bottom:10px; float:left; font-size:16px; color:#333333; overflow: hidden;}
.weilist .weicontext .weititle .weiname{float:left; width:65%; overflow: hidden;}
.weilist .weicontext .weititle .weiphone{float:right; width:35%; font-size:12px; color:#a9a9a9; overflow: hidden; text-align: right;}
.weilist .weicontext .weibottom{width:100%; height: 20px;float:left; font-size:14px; color:#a9a9a9;}
.weilist .weicontext .weibottom .click{width:50%; height: 20px;float:left; overflow: hidden;}
.weilist .weicontext .weibottom .createdate{width:50%; height: 20px;float:left; text-align: right; overflow: hidden;}
.weilist .charge{position:absolute;right:10px; top:2px;}
.weilist .charge button{position:absolute;right:0px; top:5px; background: #019101; color:#fff; border:0px;}
.weilist .charge button:active{background-color:#1edf1e;}
.weilist:active{background-color:#f3f3f3;}
.weipanel3{width:100%; height:auto; float:left; margin-top: 40px;}
.weipanel3 .weiname{width:100%; height:40px; float:left; padding:10px; padding-left:3%; color:#373D40;}
.weipanel3 .weiad{width:94%; height:80px; float:left; margin-left:3%;}
.weipanel3 .weiad img{width:100%; height:80px; float:left;}
.weipanel3 .weilink{width:94%; height:20px; float:left; margin-left:3%; margin-top:10px;}
.weipanel3 .weilink input{width:100%; height:20px; float:left; padding:0px; border:0px; color:#a9a9a9;}
.weipanel3 .save{float:left; padding-top:30px; width:100%;}
.weipanel3 .save button{background-color:#31ae00; width:94%; margin-left:3%; height: 45px; border-radius: 0px; color:#fff; font-size: 18px; border:0px;}


/*问题*/
.qtitle{width:100%; height: auto; float:left; font-size:20px; padding:10px;}
.qcontext{width:100%; height: auto; float:left; font-size:18px; padding:10px; color:#5a5a5a; line-height:25px;}

/*关于我们*/
.aboutus{width:100%; height: auto; float:left;}
.aboutus .logo{width:100%; height: 80px; float:left; margin-top: 20%; text-align: center;}
.aboutus .logo img{width:80px; height: 80px; border-radius: 5px;}
.aboutus .version{width:100%; height: 20px; float:left; margin-top: 20px;  text-align: center;}
.aboutus .phone{width:100%; height: 20px; float:left; margin-top: 100px;   text-align: center;}
.aboutus .website{width:100%; height: 20px; float:left; margin-top: 20px;   text-align: center;}
.aboutus .copyright{width:100%; height: 20px; position: absolute; bottom: 30px; font-size:12px; color: #a9a9a9; text-align: center;}
.aboutus .inc{width:100%; height: 20px; position: absolute; bottom: 10px; font-size:12px; color: #a9a9a9; text-align: center;}

/*版本升级*/
.upgrade{width:100%; padding:10px; float:left;}
.upgrade .titles{width:100%; height:30px; float:left; font-size:20px; color:#007aff; font-weight: bold;}
.upgrade .contexts{width:100%; float:left; font-size:16px; color:#666666; line-height: 25px; padding-bottom: 10px;}

/*附近客户*/


/*销售目标*/
.saletarget{width:100%; height: 100%; float:left;}
.saletarget .titles{width:100%; height: 80px; float:left; background: #fff; margin-top:5px;}
.saletarget .titles .jidu{width:70%; height:50px; float:left; padding-top:10px; font-size:20px; padding-left:15px; color:#5A5A5A;}
.saletarget .titles .shuo{width:80px; height:50px; float:right; padding-top:0px;}
.saletarget .titles .shuo .line{width:100%; height: 20px; float: left;}
.saletarget .titles .shuo .line .tu1{width:20px; height: 11px; margin-top:5px; float: left; background: #E6B92B;}
.saletarget .titles .shuo .line .tu2{width:20px; height: 11px; margin-top:5px; float: left; background: #31AE00;}
.saletarget .titles .shuo .line .zi{width:60px; height: 25px; float: left; font-size: 12px; color:#a9a9a9; padding-left:5px;}

.saletarget .report{width:100%; height: 200px; float:left;}
.saletarget .report .zhu{width:30px; height:200px; float:left; margin-left:19%; position: relative; }
.saletarget .report .zhu .target{width:30px; min-height:5px; float:left; background: #E6B92B; bottom:0px; left:0px; position: absolute;}
.saletarget .report .zhu .finish{width:30px; height:0px; max-height: 200px; float:left; background: #31AE00; bottom:0px; left:0px; position: absolute;} 
.saletarget .rline{width:100%; height: 1px; float:left; border-top: 1px solid #cdcdcd;}
.saletarget .month{width:100%; height: 20px; float:left;}
.saletarget .month .mh{width:40px; height:20px; float:left; margin-left:17%; position: relative; text-align: center; color:#5A5A5A;}
.saletarget .thismonth{width:100%; float:left; padding-top:40px;}
.saletarget .thismonth .thismonthfinish{width:200px; height: 40px;}
.saletarget .thismonth .thismonthtarget{width:200px; height: 40px;}
.saletarget .thismonth .thisquartertarget{width:200px; height: 40px;}

/*添加应用*/
.addapp{width:100%; float:left;}
.addapp .line{width:100%; height:50px; float:left; padding:10px;}
.addapp .line .icon{width:10%; height:30px; float:left; padding-top:2px;}
.addapp .line .icon img{width:25px; height:25px; border-radius: 3px;}
.addapp .line .name{width:75%; height:30px; float:left; padding-top:4px;}
.addapp .line .onoff{width:15%; height:30px; float:left;}

/*弹出选择联系人框*/
.contactdialog{width:70%; height:auto; border-radius: 3px; background: #fff; margin:0 auto;}
.contactdialog .addcontact{width:100%; height:50px; line-height: 50px; text-align: center;}
.contactdialog .addcontact:active{background-color:#f3f3f3;border-radius: 3px;}

/*打卡成功弹窗*/
.signdialog{width:70%; height:400px; border-radius: 8px; background: #ef6f4d; margin:0 auto;}
.signdialog .signclose{width:50px;height:50px; float:right; font-size: 20px; padding-right:6px; color:#fff; text-align: right;}
.signdialog .signstate{width:100%;height:70px; float:left; font-size:35px; color:#fff; text-align: center;}
.signdialog .signoclock{width:100%;height:100px; float:left; font-size:35px; color:#fff; text-align: center;}
.signdialog .signtime{width:100%;height:100px; float:left; font-size:20px; color:#fff; text-align: center; margin-top:-57px;}
.signdialog .signstr{width:100%;height:70px; float:left; font-size:16px; color:#fff; text-align: center; }
.signdialog .signauto{width:100%;height:30px; float:left; font-size:16px; color:#fff; text-align: center; }

/*合同回款*/
.payrecord{width:100%;height:30px; font-size:14px; margin-top:10px; float:left; color:#000; position:absolute; z-index: 100; top:47px;}
.payrecordlist{width:100%;height:33px; font-size:14px; margin-top:10px; float:left; color:#a9a9a9;}
.payrecord .money,.payrecordlist .money{width:20%; float:left; padding-left:5px;}
.payrecord .paytype,.payrecordlist .paytype{width:20%; float:left; text-align: center;}
.payrecord .qici,.payrecordlist .qici{width:15%; float:left; text-align: center;}
.payrecord .kaipiao,.payrecordlist .kaipiao{width:20%; float:left; text-align: center;}
.payrecord .date,.payrecordlist .date{width:25%; float:left; text-align: center;}

/*日程*/
.repeattitle{width:100%; height:40px; line-height: 40px; text-align: right; float:left; background: #e6e6e5; padding-right: 10px;}
.repeatpanel{width:100%; height:210px; float:left;}
.repeatpanel .square{width:13%; height:35px; line-height: 35px; float:left; text-align: center;  color:#a9a9a9; margin-left:1.125%; margin-top:6px;}
.repeatpanel .select{background: #e57c01; border:0px; color:#fff;}

/*银行*/
.banklist{width:100%; height: 50px; padding:10px; float:left; }
.banklist .banklogo{width:15%; height:50px; float:left;}
.banklist .banklogo img{height:30px;}
.banklist .bankname{width:85%; height:50px; padding-top: 6px; float:left;}
.banklist:active{background-color:#f3f3f3 ;}

/*员工生日*/
.birthbg{width:100%; float:left; padding-bottom:5px;}
.userbirth{width:50%; height:100px; float:left;}
.userbirth .headimg{width:33%; height:80px; float:left; padding-left:10px;}
.userbirth .headimg img{width:40px; height:40px; float:left; border-radius:20px;}
.userbirth .birthinfo{width:67%; height:80px; float:left;}
.userbirth .birthinfo .name{width:100%; height:20px; float:left; font-size:14px;}
.userbirth .birthinfo .birthday{width:100%; height:20px; float:left; font-size:12px; color:#555555;}
.userbirth .birthinfo .age{width:100%; height:20px; float:left; font-size:12px;  color:#555555;}
.userbirth .birthinfo .joindate{width:100%; height:20px; float:left; font-size:12px;  color:#555555;}
.userbirth .birthinfo font{color:#a9a9a9;}
